layui.config({
    version: '1593348928630' //为了更新 js 缓存，可忽略
    });

layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
    var laydate = layui.laydate //日期
    , $ = layui.$
    , layer = layui.layer //弹层
    , table = layui.table //表格
    , postUrls = jsRoutes.controllers.admin.TasksController.indexPost()
    , indexUrls = jsRoutes.controllers.admin.TasksController.index()
    , editUrls = jsRoutes.controllers.admin.TasksController.editTask()


    //向世界问个好
    layer.msg('Hello World');

    //执行一个 table 实例
    var demotable = table.render({
    elem: '#demotable'
    ,contentType: 'application/json'
    ,method: postUrls.method
    , height: 550
    , url: postUrls.url //数据接口
    ,title: '用户表'
    ,page: true //开启分页
    ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
    ,totalRow: true //开启合计行
    ,cols: [[ //表头
    {type: 'checkbox', fixed: 'left'}
    ,{field: 'id', title: 'ID', width:180, sort: true, fixed: 'left'}
    ,{field: 'name', title: '任务名', width:130}
    ,{field: 'cronExpression', title: '任务计划', width: 180, sort: true}
    ,{field: 'next_run_time', title: '下次执行时间', width:180, sort: true}
    ,{field: 'description', title: '说明', width: 280, sort: true}
    ,{field: 'status', title: '状态', width: 80, sort: true}
    ,{fixed: 'right', title: '操作', width: 200, align:'center', toolbar: '#barDemo'}
    ]]
    });

    //监听头工具栏事件
    table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id)
    ,data = checkStatus.data; //获取选中的数据
    switch(obj.event){
    case 'add':
    layer.msg('添加');
    windows.locathion.href=editUrls.url;
    break;
    case 'update':
    if(data.length === 0){
    layer.msg('请选择一行');
    } else if(data.length > 1){
    layer.msg('只能同时编辑一个');
    } else {
    layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
    }
    break;
    case 'delete':
    if(data.length === 0){
    layer.msg('请选择一行');
    } else {
    layer.msg('删除');
    console.log(data)

    var userArr = []
    for (i=0;i<data.length;i++){
    userArr.push(data[i].id);
    }
    $.post({
        url: indexUrls.url,
        contentType: 'application/json; charset=UTF-8',
        data: JSON.stringify({ option:"onoff",id:userArr}),
        dataType: 'text',
        success: function (data) {
        console.log(data);
        alert("数据: \n" + data + "\n状态: " + status);
        demotable.reload();
        }
    });

    }
    break;
    };
    });

    //监听行工具事件
    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data //获得当前行数据
    ,layEvent = obj.event; //获得 lay-event 对应的值
    if(layEvent === 'onoff'){
    layer.msg('启停操作');
    var userArr = []
    userArr.push(data);
    $.post({
        url: postUrls.url,
        contentType: 'application/json; charset=UTF-8',
        data: JSON.stringify({ option:"onoff",id:userArr}),
        dataType: 'text',
        success: function (data) {
        console.log(data);
        alert("数据: \n" + data + "\n状态: " + status);
        demotable.reload();
        }
    });
    } else if(layEvent === 'del'){
    layer.confirm('真的删除行么', function(index){
    layer.close(index);
    //向服务端发送删除指令
    console.log(data.id);
    var userArr = []
    userArr.push(data.id);
    $.post({
    url: postUrls.url,
    contentType: 'application/json',
    data: JSON.stringify({ option:"delete",id:userArr}),
    dataType: 'text',
    success: function (data) {
    console.log(data);
    alert("数据: \n" + data + "\n状态: " + status);
    obj.del(); //删除对应行（tr）的DOM结构

    }
    });


    });
    } else if(layEvent === 'edit'){
    layer.msg('编辑操作');
    console.log(data.id);
    }
    });


    });